<template>
	<view class="display-flex result_box">
		<u-navbar bgColor="#fff" :placeholder="true" :fixed="true" @leftClick="$back" title="dream约文" titleStyle="{'color': '#000'}">
			
		</u-navbar>
		<view class="result_box_top display-flex">
			<image :src="'/images/successicon.png' | formatImgUrl" mode="aspectFit"></image>
			<view class="result_font">
				<view class="">
					写手已收到您提交的订单退款申请，
				</view>
				<view class="">
					请耐心等待写手处理，
				</view>
				<view class="">
					清留意定稿倒计时仍在继续。
				</view>
				<view class="">
					如果您有任何疑问或需要进一步的帮助，
				</view>
				<view class="">
					请随时联系我们的在线客服。
				</view>
				<view class="">
					再次感谢您的理解和支持。
				</view>
				
			</view>
		</view>
		
		<view class="result_btn" @tap="onFinish">
			完成
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				
			}
		},
		methods:{
			onFinish(){
				uni.navigateBack({
					delta: 2
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.result_box{
		flex-direction: column;
		justify-content: space-between;
		height: 100vh;
		padding-top: 150rpx;
		padding-bottom: calc(var(--window-bottom) + 40rpx);
		box-sizing: border-box;
		
		.result_box_top{
			flex-direction: column;
			
			image{
				width: 180rpx;
				height: 180rpx;
			}
			
			.result_font{
				margin-top: 35rpx;
				width: 650rpx;
				font-family: '思源黑体';
				font-size: 14px;
				color: #999999;
				text-align: center;
				
				view{
					margin-bottom: 5rpx;
				}
			}
		}
		
		.result_btn{
			width: 315px;
			height: 43px;
			border-radius: 8px;
			background: #45C4B0;
			display: flex;
			align-items: center;
			justify-content: center;
			font-family: '思源黑体';
			font-size: 16px;
			font-weight: bold;
			color: #FFFFFF;
		}
	}
</style>